@import '../../../assets/css/modalBox.styl'
.users
	.userAddForm
		overflow hidden
		.addUserBtn
			float left
		.filter 
			display block
			float left 
			width 200px
			margin-left 10px;
	.right_header
		.listName
			font-size 16px
			flex 1
	.addUserShade,.configRoleShade,.userShade
		@extend $.modalBoxWrap
		.addUserChoose,.configRoleChoose,.userChoose
			@extend $.modalBox
			.vicp-close
				@extend $.vicp-close
				.vicp-icon4
					@extend $.vicp-icon4
		.demo-ruleForm,.roleChoose
			border 1px dashed rgba(0, 0, 0, 0.08)
			background-color: rgba(0, 0, 0, 0.03)
			padding 22px
			padding-top 3px
			h5
				text-align center
				color: #48576a
				font-weight bold
				padding 15px
				padding-right 0
			.el-form-item__content
				// margin-left 118px !important
		.roleChooseSub
			margin-top 15px
			margin-left 142px
	.el-table,.deleteBtn
		margin-top 15px
	.el-tag
		margin 3px
	.revamp
		position relative
		border 1px dashed rgba(0,0,0,0.08)
		background-color rgba(0,0,0,0.03)
		width 96%
		margin 1%
		.message
			overflow hidden
		.el-form-item
			float left
			margin 0  20px 22px
		.el-input__inner
			width 100%
		.el-form-item__content
			margin-left 0
		.el-tree
			margin-top 0
	.projectSub
			width 200px
			margin 15px auto
	.divider2 {
	    background-image: -webkit-linear-gradient(top, transparent, #777, transparent);
	    background-image: -moz-linear-gradient(top, transparent, #777, transparent);
	    background-image: -ms-linear-gradient(top, transparent, #777, transparent);
	    background-image: -o-linear-gradient(top, transparent, #777, transparent);
	    width: 1px;
	    height: 60px
	    margin: 9px 0;
	    overflow: hidden;
	    float left
	}